<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link href="./style/index.css" rel="stylesheet" type="text/css" />
	<style>
*{
	padding:0px;
	margin:0px;
}
body {
	background-image: url(images/login_bg.gif);
}
#login {
	height: 337px;
	width: 472px;
	margin-top: 167px;
	margin-right: auto;
	margin-left: auto;
}
#login .left {
	float: left;
	height: 337px;
	width: 20px;
}
#login .center {
	background-image: url(images/login_kbg.gif);
	float: left;
	height: 315px;
	width: 400px;
	padding-top: 22px;
	padding-left: 31px;
}
#login .center #ccenter {
	margin-top: 50px;
	height: 42px;
	width: 366px;
}
#login .center #ccenter2 {
	height: 42px;
	width: 366px;
	margin-top: 20px;
	padding-left: 10px;
}
#login .center #ccenter2 .pwd {
	float: left;
	height: 15px;
	width: 65px;
	background-image: url(images/login_password.gif);
	margin-top: 15px;
	margin-left: 13px;
}
#login .center #centern {
	height: 17px;
	width: 96px;
	padding-left: 270px;
	margin-top: 20px;
}
#login .center #ccenter2 .ctext2 {
	background-image: url(images/login_text2.gif);
	float: left;
	height: 35px;
	width: 245px;
	padding-top: 5px;
	padding-left: 5px;
}
#login .center #ccenter2 .ctext2 #password {
	height: 35px;
	width: 240px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: transparent;
	line-height: 35px;
}
#login .center #ccenter2 img {
	float: left;
	height: 40px;
	width: 20px;
}
#login .center #ccenter .p2 {
	float: left;
	height: 40px;
	width: 20px;
	margin-top: 20px;
}
#login .center #ccenter img {
	float: left;
}
#login .center #ccenter .p1 {
	margin-top: 15px;
	margin-left: 5px;
	float: left;
}
#login .center #ccenter .ctext {
	background-image: url(images/login_text.gif);
	float: left;
	height: 37px;
	width: 245px;
	padding-top: 5px;
	padding-left: 5px;
}
#login .center #ccenter .ctext #username {
	background-color: transparent;
	height: 37px;
	width: 240px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 37px;
}
#login .right {
	background-image: url(images/login_right_bg.gif);
	float: left;
	height: 337px;
	width: 20px;
}
#login .center #centern #enter_btn {
	background-image: url(images/enter.gif);
	height: 17px;
	width: 64px;
}
#login .center #centern #enter_btn input {
	background-color: transparent;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	height: 17px;
	width: 64px;
}
</style>
</head>

<body>
<form action="<%=basePath%>/servlet/LoginServlet" method="post">
<div id="login">
  <div class="left"><img src="images/login_left_bg.gif" width="20" height="337" /></div>
  <div class="center"><img src="images/login_title.gif" width="356" height="57" />
    <div id="ccenter"><img src="images/p1.gif" width="37" height="42" /><img src="images/login_username.gif" width="66" height="15" class="p1" />
      <div class="ctext">
        <input type="text" name="username" id="username" />
      </div>
    </div>
    <div id="ccenter2"><img src="images/p2.gif" width="20" height="40" />
      <div class="pwd"></div>
      <div class="ctext2">
        <input type="text" name="password" id="password" />
      </div>
    </div>
    <div id="centern">
      <div id="enter_btn"><input type="submit"  value="登录"/></div>
    </div>
  </div>
  <div class="right"></div>
</div>
</form>
</body>
</html>